import Vue from 'vue'

const components = [
    'CircleShape',
    'Picture',
    'VText',
    'VButton',
    'Group',
    'RectShape',
    'LineShape',
    'VTable',
    'VChart',
    'Video',
]

// VText
Vue.component("VText", () => import("@/components/visual-drag/custom-component/VText/Component.vue"))
Vue.component("VText" + 'Attr', () => import("@/components/visual-drag/custom-component/VText/Attr.vue"))

// Percent
Vue.component("Ie", () => import("@/components/visual-drag/custom-component/Ie/Component.vue"))
Vue.component("Ie" + 'Attr', () => import("@/components/visual-drag/custom-component/Ie/Attr.vue"))

// Time
Vue.component("Time", () => import("@/components/visual-drag/custom-component/Time/Component.vue"))
Vue.component("Time" + 'Attr', () => import("@/components/visual-drag/custom-component/Time/Attr.vue"))

// VTimepiece
Vue.component("VTimepiece", () => import("@/components/visual-drag/custom-component/VTimepiece/Component.vue"))
Vue.component("VTimepiece" + 'Attr', () => import("@/components/visual-drag/custom-component/VTimepiece/Attr.vue"))


// Todate
Vue.component("Todate", () => import("@/components/visual-drag/custom-component/Todate/Component.vue"))
Vue.component("Todate" + 'Attr', () => import("@/components/visual-drag/custom-component/Todate/Attr.vue"))

// Face
Vue.component("Face", () => import("@/components/visual-drag/custom-component/Face/Component.vue"))
Vue.component("Face" + 'Attr', () => import("@/components/visual-drag/custom-component/Face/Attr.vue"))

// Weather
Vue.component("Weather", () => import("@/components/visual-drag/custom-component/Weather/Component.vue"))
Vue.component("Weather" + 'Attr', () => import("@/components/visual-drag/custom-component/Weather/Attr.vue"))

Vue.component("ManInfo3", () => import("@/components/visual-drag/custom-component/ManInfo3/Component.vue"))
Vue.component("ManInfo3" + 'Attr', () => import("@/components/visual-drag/custom-component/ManInfo3/Attr.vue"))

Vue.component("ManInfo4", () => import("@/components/visual-drag/custom-component/ManInfo4/Component.vue"))
Vue.component("ManInfo4" + 'Attr', () => import("@/components/visual-drag/custom-component/ManInfo4/Attr.vue"))

// ManInfo
Vue.component("ManInfo2", () => import("@/components/visual-drag/custom-component/ManInfo2/Component.vue"))
Vue.component("ManInfo2" + 'Attr', () => import("@/components/visual-drag/custom-component/ManInfo2/Attr.vue"))

// ManInfo
Vue.component("ManInfo", () => import("@/components/visual-drag/custom-component/ManInfo/Component.vue"))
Vue.component("ManInfo" + 'Attr', () => import("@/components/visual-drag/custom-component/ManInfo/Attr.vue"))

// Video
Vue.component("Video", () => import("@/components/visual-drag/custom-component/Video/Component.vue"))
Vue.component("Video" + 'Attr', () => import("@/components/visual-drag/custom-component/Video/Attr.vue"))

// VChart
Vue.component("VChart", () => import("@/components/visual-drag/custom-component/VChart/Component.vue"))
Vue.component("VChart" + 'Attr', () => import("@/components/visual-drag/custom-component/VChart/Attr.vue"))

// VTable
Vue.component("VTable", () => import("@/components/visual-drag/custom-component/VTable/Component.vue"))
Vue.component("VTable" + 'Attr', () => import("@/components/visual-drag/custom-component/VTable/Attr.vue"))

// LineShape
Vue.component("LineShape", () => import("@/components/visual-drag/custom-component/LineShape/Component.vue"))
Vue.component("LineShape" + 'Attr', () => import("@/components/visual-drag/custom-component/LineShape/Attr.vue"))

// RectShape
Vue.component("RectShape", () => import("@/components/visual-drag/custom-component/RectShape/Component.vue"))
Vue.component("RectShape" + 'Attr', () => import("@/components/visual-drag/custom-component/RectShape/Attr.vue"))

// Group
Vue.component("Group", () => import("@/components/visual-drag/custom-component/Group/Component.vue"))
Vue.component("Group" + 'Attr', () => import("@/components/visual-drag/custom-component/Group/Attr.vue"))

// VButton
Vue.component("VButton", () => import("@/components/visual-drag/custom-component/VButton/Component.vue"))
Vue.component("VButton" + 'Attr', () => import("@/components/visual-drag/custom-component/VButton/Attr.vue"))


// CircleShape
Vue.component("CircleShape", () => import("@/components/visual-drag/custom-component/CircleShape/Component.vue"))
Vue.component("CircleShape" + 'Attr', () => import("@/components/visual-drag/custom-component/CircleShape/Attr.vue"))


// Picture
Vue.component("Picture", () => import("@/components/visual-drag/custom-component/Picture/Component.vue"))
Vue.component("Picture" + 'Attr', () => import("@/components/visual-drag/custom-component/Picture/Attr.vue"))


// Frame
Vue.component("Frame", () => import("@/components/visual-drag/custom-component/Frame/Component.vue"))
Vue.component("Frame" + 'Attr', () => import("@/components/visual-drag/custom-component/Frame/Attr.vue"))

// Frame1
Vue.component("Frame1", () => import("@/components/visual-drag/custom-component/Frame1/Component.vue"))
Vue.component("Frame1" + 'Attr', () => import("@/components/visual-drag/custom-component/Frame1/Attr.vue"))


// Frame2
Vue.component("Frame2", () => import("@/components/visual-drag/custom-component/Frame2/Component.vue"))
Vue.component("Frame2" + 'Attr', () => import("@/components/visual-drag/custom-component/Frame2/Attr.vue"))

// Frame3
Vue.component("Frame3", () => import("@/components/visual-drag/custom-component/Frame3/Component.vue"))
Vue.component("Frame3" + 'Attr', () => import("@/components/visual-drag/custom-component/Frame3/Attr.vue"))

// // Frame4
Vue.component("Frame4", () => import("@/components/visual-drag/custom-component/Frame4/Component.vue"))
Vue.component("Frame4" + 'Attr', () => import("@/components/visual-drag/custom-component/Frame4/Attr.vue"))

// Frame5
Vue.component("Frame5", () => import("@/components/visual-drag/custom-component/Frame5/Component.vue"))
Vue.component("Frame5" + 'Attr', () => import("@/components/visual-drag/custom-component/Frame5/Attr.vue"))

// Frame6
Vue.component("Frame6", () => import("@/components/visual-drag/custom-component/Frame6/Component.vue"))
Vue.component("Frame6" + 'Attr', () => import("@/components/visual-drag/custom-component/Frame6/Attr.vue"))

// Frame7
Vue.component("Frame7", () => import("@/components/visual-drag/custom-component/Frame7/Component.vue"))
Vue.component("Frame7" + 'Attr', () => import("@/components/visual-drag/custom-component/Frame7/Attr.vue"))

// Frame8
Vue.component("Frame8", () => import("@/components/visual-drag/custom-component/Frame8/Component.vue"))
Vue.component("Frame8" + 'Attr', () => import("@/components/visual-drag/custom-component/Frame8/Attr.vue"))

// Frame9
Vue.component("Frame9", () => import("@/components/visual-drag/custom-component/Frame9/Component.vue"))
Vue.component("Frame9" + 'Attr', () => import("@/components/visual-drag/custom-component/Frame9/Attr.vue"))

// // Frame10
Vue.component("Frame10", () => import("@/components/visual-drag/custom-component/Frame10/Component.vue"))
Vue.component("Frame10" + 'Attr', () => import("@/components/visual-drag/custom-component/Frame10/Attr.vue"))

// // Frame2
// Vue.component("Frame2", () => import("@/components/visual-drag/custom-component/Frame2/Component.vue"))
// Vue.component("Frame2" + 'Attr', () => import("@/components/visual-drag/custom-component/Frame2/Attr.vue"))


// SVGStar
Vue.component("SVGStar", () => import("@/components/visual-drag/custom-component/svgs/SVGStar/Component.vue"))
Vue.component("SVGStar" + 'Attr', () => import("@/components/visual-drag/custom-component/svgs/SVGStar/Attr.vue"))

// SVGTriangle
Vue.component("SVGTriangle", () => import("@/components/visual-drag/custom-component/svgs/SVGTriangle/Component.vue"))
Vue.component("SVGTriangle" + 'Attr', () => import("@/components/visual-drag/custom-component/svgs/SVGTriangle/Attr.vue"))


